<template>
  <div class="home">
    <div class="wraper">
      <div class="logo">
        <img src="https://www.wanzhoujob.com/default/images/logo/logo1.png" alt="没找到哦">
      </div>
      <div class="info">
        <div class="text">是金子总会发光的!</div>
        <div class="text" v-show="isShow">这一分钟，创建你的
          <span class="texi-spa">专属简历</span>
        </div>
        <div class="text">下一分钟，欣赏您的人找到您</div>
      </div>
      <div class="btn">
        <router-link to="/form1">
          <el-button
            type="primary"
            class="btn-primary"
          >点击进入
          </el-button>
        </router-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Home',
  data() {
    return {
      isShow: true
    }
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
.home {
  height: 100vh;
  background-color: #f0eeef;
  display: flex;
  justify-content: center;
  align-items: center;

  .wraper {
    width: 600px;
    height: 400px;
    background-color: #ffffff;
    border-radius: 18px;

    .logo {
      margin-left: 10px;
      margin-top: 10px;
    }

    .info {
      padding: 60px 100px;

      .text {
        padding: 10px 30px;
        border-bottom: 2px solid #fae7e7;
        color: #8c8c8c;
        font-size: 16px;
      }
    }

    .btn {
      display: flex;
      justify-content: center;

      .btn-primary {
        background: #e86464;
        border: none;
        outline: none;
      }
    }

  }
}
</style>
